<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"  
    xmlns:p="http://primefaces.org/ui">
<h:head> <meta http-equiv="refresh" content="#{session.maxInactiveInterval};url=../index.jsf" />
<link rel="shortcut icon" href="icono.ico" /> 
	<meta charset="utf-8" />
	<title>SACA</title>
	<link rel="stylesheet" href="../styles.css" type="text/css" media="screen" />
	<link rel="stylesheet" type="../text/css" href="print.css" media="print" />
	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</h:head>
<h:body>
    <h:form id="frm_anios">
 <p:panel header="MANTENIMIENTO - ANIOS LECTIVOS" toggleable="true" toggleOrientation="horizontal">  
        <h:panelGrid id="panel_opciones" columns="1" width="100%"  >
             <h:panelGrid id="panel_btn" style="text-align: center;" columns="1" width="100%"  >
                 <h:commandButton  title="CREAR NUEVO AÑO" image="../images/nuevo.png" value="CREAR NUEVO AÑO" action="#{managedBeanAnioLectivo.nuevo()}"/> 
             </h:panelGrid>
              
                 <p:separator />
                 <p:dataTable id="dataTable" var="item" value="#{managedBeanAnioLectivo.lista}"  
                 paginator="true" rows="10"  
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10,15">  
        <f:facet name="header">  
           Lista de Años Lectivos
        </f:facet>  
  
                   
            

                     <p:column headerText="NOMBRE" filterBy="#{item.nombreAnioLectivo}" filterMatchMode="contains">  
            
                         <h:outputText value="#{item.nombreAnioLectivo}" />  
        </p:column> 
                   
                   
           <p:column headerText="DESCRIPCION" >  
            
               <h:outputText value="#{item.descripcion}" />  
        </p:column> 
  
       
                     <p:column headerText="AÑO PERIODO" >  
            
                         <h:outputText value="#{item.anioPeriodo}" >
                         
                         <f:convertDateTime pattern="yyyy" />
                         </h:outputText>  
        </p:column> 
                     <p:column headerText="FECHA DE INICIO" >  
            
                         <h:outputText value="#{item.fechaInicioPeriodo}" >
                         <f:convertDateTime pattern="dd/MM/yyyy" />
                         </h:outputText>  
        </p:column> 
                     
                   
                     
                      <p:column headerText="FECHA DE FIN" >  
            
                          <h:outputText value="#{item.fechaFinPeriodo}" >
                          
                          <f:convertDateTime pattern="dd/MM/yyyy" />
                          </h:outputText>  
        </p:column> 
                     
                    
                       <p:column headerText="ESTADO" >  
            
                           <h:outputText value="#{item.estadoAnioLectivo.nombreEstadoPeriodo}" />  
        </p:column> 
                     
                     
                     
                   <p:column style="width:40px;">  
            <f:facet name="header">  
                <h:outputText value="OP" />  
            </f:facet>  
             
                       <p:commandButton value="Ver" icon="ui-icon ui-icon-search"
                 update=":frm_anios:display " oncomplete="aniosDialog.show()" >
    
                           <f:setPropertyActionListener value="#{item}" target="#{managedBeanAnioLectivo.anio_lectivo}" />              
</p:commandButton>
        </p:column> 
    </p:dataTable>  
       
         </h:panelGrid>
    
        
        <p:dialog id="dialog" header="AÑO SELECCIONADO" widgetVar="aniosDialog" resizable="false"
              width="450" showEffect="clip" hideEffect="fold">

        <h:panelGrid id="display" columns="2" cellpadding="4">

             
            
            <h:outputText value="NOMBRE : " style="font-size: 15px;" />
            <h:outputText value="#{managedBeanAnioLectivo.anio_lectivo.nombreAnioLectivo}" style="font-size: 15px;" />
            
            <h:outputText value="DESCRIPCION : " style="font-size: 15px;" />
            <h:outputText value="#{managedBeanAnioLectivo.anio_lectivo.descripcion}" style="font-size: 15px;" />


<h:outputText value="AÑO PERIODO : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanAnioLectivo.anio_lectivo.anioPeriodo}" style="font-size: 15px;"  >
                        <f:convertDateTime pattern="yyyy" />
                    </h:outputText>

        </h:panelGrid>
            <p:separator />
             <h:panelGrid id="panel_editar" style="text-align: center;" columns="1" width="100%"  >
         <p:commandButton value="EDITAR DATOS" action="#{managedBeanAlumno.editar}"/>
        </h:panelGrid>
            
    </p:dialog>
        
        
        
    </p:panel>  
						
			
</h:form>
</h:body>
</html>